@use '@angular/material' as mat;

@mixin theme($theme) {
  .docs-component-category-list-summary a {
    color: mat.get-theme-color($theme, primary);
  }

  .docs-component-category-list-card-title,
  .docs-component-category-list-card-summary  {
    color: mat.get-theme-color($theme, on-surface-variant);
  }

  .docs-component-category-list-card {
    border: 1px solid mat.get-theme-color($theme, outline-variant);
    border-radius: 12px;
  }

  .docs-component-category-list-card:hover {
    background: mat.get-theme-color($theme, surface-dim);
  }

  .docs-component-category-list-card-image-wrapper {
    border-bottom: 1px solid mat.get-theme-color($theme, outline-variant);
  }
}
